
<extend name="Public:base"/>
<block name="body">

	<style type="text/css">
		#body {
			width: 95%;
			background: white;
			border-radius: 10px;
			margin: 2.5%;
			position: relative;
		}

		.add_button {
			margin: 20px 30px;
			height: 40px;
			width: 150px;
		}
		.top_input_button{
			width: 300px;
			height: 42px;
		}
		.btn-default{
			color: #fff;
			background-image: none;
			background-color: rgba(255,150,47,1);
			border: none;
		}
		.btn-default:focus, .btn-default:hover{
			color: #fff;
			background-image: none;
			border: none;
			background-color: rgba(255,150,47,1);
		}
		tr>td>span{
			margin: 5px;
			color: #00aaee;
		}
		thead>tr>th{
			text-align: center;
		}
		#data_tr>td{
			text-align: center;
		}
		.inline{margin-left: 10px;}
	</style>
	<h2 style="color: #333333;margin: 50px"><b>数据列表</b></h2>
	<div id="body">
		<form class="form-inline" action="" method="get">
			<label class="inline">线索编号:</label>
			<input type="text" name="number" class="form-control top_input_button" value="{$number}" placeholder="请输入文章标题或编号" aria-describedby="sizing-addon1">
			<label class="inline">手机号码:</label>
			<input type="text" name="mobile" class="form-control top_input_button" value="{$mobile}" placeholder="请输入文章标题或编号" aria-describedby="sizing-addon1">
			<label class="inline">提交时间:</label>
			<input type="text" name="start_time" class="form-control top_input_button" id="start_time" value="{$start_time|default=''}" data-date-format="yyyy-mm-dd hh:ii"> -
			<input type="text" name="end_time" class="form-control top_input_button" id="end_time" value="{$end_time|default=''}" data-date-format="yyyy-mm-dd hh:ii">
			<button type="submit" class="btn btn-default  add_button" style="width: 60px">搜索</button>
		</form>
		<a href="{:U('add')}"><button type="button" class="btn btn-default add_button ">新增文章</button></a>
		<div class="row" style="margin-left: 15px;width: 97%">
			<div class="col-xs-12">
				<table class="table table-striped table-bordered">
					<thead>
					<tr>
						<th>线索编号</th>
						<th>手机号码</th>
						<th>昵称</th>
						<th>头像</th>
						<th>地区</th>
						<th>提交时间</th>
						<th>来源</th>
						<th>操作</th>
					</tr>
					</thead>
					<tbody>
					<volist name="list" id="vo">
						<tr id="data_tr" style="overflow: hidden">
							<td>{$vo.number}</td>
							<td>{$vo.mobile}</td>
							<td>{$vo.nickname}</td>
							<td><img height="50" src="{$vo.avatar}"></td>
							<td>{$vo.province}{$vo.city}</td>
							<td>{$vo.create_time|date='Y-m-d H:i:s',###}</td>
							<td>{$vo.source_name|default='小程序'}</td>
							<td>
								<a href="{:U('detail',array('id'=>$vo['id']))}">查看</a>
							</td>
						</tr>
					</volist>
					</tbody>
				</table>
				{$page}
				<!-- PAGE CONTENT ENDS -->
			</div><!-- /.col -->
		</div>

	</div>

	<script>
        $('#start_time').datetimepicker({
            format: "yyyy-mm-dd hh:ii",
            autoclose: true,
            todayBtn: true,
            pickerPosition: "bottom-left"
        });
        $('#end_time').datetimepicker({
            format: "yyyy-mm-dd hh:ii",
            autoclose: true,
            todayBtn: true,
            pickerPosition: "bottom-left"
        });
	</script>
</block>